<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		* {
			margin: 0;
			padding: 0;
		}
		
		a {
			text-decoration: none;
			color: #000;
		}

		.nav {
			width: 100%;
			height: 100px;
			background-color: #ccc;
			position: relative;
		}

		.car {
			width: 200px;
			height: 40px;
			line-height: 40px;
			border: 1px solid #ccc;
			position: absolute;
			top: 25px;
			right: 100px;
			background-color: #fff;
			text-align: center;
		}

		.car span {
			width: 15px;
			height: 15px;
			background-color: #ff3040;
			border-radius: 50%;
			position: absolute;  
			top: 5px;
			right: 20px;
			font-size: 12px;
			color: #fff;
			line-height: 15px;
			text-align: center;
		}
	</style>
</head>
<body>
	<div class="nav">
		<div class="car">
			<img src="1.jpg" width="30px">
			<a href="#">我的购物车</a>
			<span>0</span>
		</div>
	</div>
</body>
</html>